<template>
  <div>

    <el-row style="margin-bottom:20px;display:flex;justify-content:flex-start">

      <el-input placeholder="牌照" style="width:20%;margin-right:10px" v-model="aaa"></el-input>
      <el-input placeholder="行车地点" style="width:20%;margin-right:10px" v-model="aaa"></el-input>
      <el-input placeholder="司机" style="width:20%;margin-right:10px" v-model="aaa"></el-input>
      <el-date-picker
        v-model="value1"
        type="date"
        style="margin-right:10px"
        placeholder="出行日期"
      >
      </el-date-picker>

      <el-button size="mini" type="primary">搜索</el-button>
    </el-row>


    <el-row>
      <el-button size="mini" @click="dialogVisible=true">添加出车计划</el-button>
      <el-button size="mini" type="primary">编辑</el-button>
      <el-button size="mini" type="success">删除</el-button>
    </el-row>
    <el-divider></el-divider>
    <drivertable :tableData="tableData"></drivertable>
    <el-dialog
      title="添加出车计划"
      :visible.sync="dialogVisible"
      width="70%"
    >
      <adddriver></adddriver>
      <span slot="footer" class="dialog-footer">
        <el-button size="mini" @click="dialogVisible = false">取 消</el-button>
        <el-button size="mini" type="primary" @click="dialogVisible = false">确 定</el-button>
      </span>
    </el-dialog>
  </div>

</template>

<script>
import adddriver from '~/components/carmanager/driver/adddriver.vue';
import drivertable from '~/components/carmanager/driver/drivertable.vue';

export default {

  components: {
    adddriver,
    drivertable,
  },
  data() {
    return {

      dialogVisible: false,

      tableData: [{
        name: '津A00001',
        number: '张三',
        sex: '1998-08-11',
        birthdate: '1.3L',
        age: '10:00:00',
        idnumber: '政府机关',
        first_education: '张三',
        first_gradutetime: '1998-08-11',
        first_school: '建筑大学',
        first_major: '工民建',
        last_education: '本科',
        last_gradutetime: '2006-07-01',
        last_school: '天津城建大学',
        last_major: '土木工程',
        entry_time: '1992-07-01',
        appearance: '群众',
        dept: '检测一室',
        tec_title: '工程师',
        occupation: '经理',
      }, {
        name: '津A00001',
        number: '张三',
        sex: '1998-08-11',
        birthdate: '1.3L',
        age: '10:00:00',
        idnumber: '政府机关',
        first_education: '张三',
        first_gradutetime: '1998-08-11',
        first_school: '建筑大学',
        first_major: '工民建',
        last_education: '本科',
        last_gradutetime: '2006-07-01',
        last_school: '天津城建大学',
        last_major: '土木工程',
        entry_time: '1992-07-01',
        appearance: '群众',
        dept: '检测一室',
        tec_title: '工程师',
        occupation: '经理',
      }, {
        name: '津A00001',
        number: '张三',
        sex: '1998-08-11',
        birthdate: '1.3L',
        age: '10:00:00',
        idnumber: '政府机关',
        first_education: '张三',
        first_gradutetime: '1998-08-11',
        first_school: '建筑大学',
        first_major: '工民建',
        last_education: '本科',
        last_gradutetime: '2006-07-01',
        last_school: '天津城建大学',
        last_major: '土木工程',
        entry_time: '1992-07-01',
        appearance: '群众',
        dept: '检测一室',
        tec_title: '工程师',
        occupation: '经理',
      },

      ],
    };
  },
};
</script>

